CSS:object-fit:none的表現


Posted by Luna on 2023-10-11

  1. 圖片尺寸小於容器:object-fit: none,圖片寬度100%時,圖片渲染寬度為容器寬度(所以會表現為圖片位置置中),但圖片顯示依舊為原圖尺寸

  2. 圖片尺寸大於容器:object-fit: none,圖片寬度100%時,圖片顯示依舊為原圖尺寸,而圖片則置中裁減

  3. 圖片尺寸小於容器:object-fit: none,圖片寬度無設置時,圖片渲染寬度原尺寸

  4. 圖片尺寸大於容器:object-fit: none,圖片寬度無設置時,圖片渲染寬度為原尺寸,而圖片則由容器起始點裁減


#css







Related Posts

How to solve the perpetual loading issue in Evernote? Evernote 一直轉圈圈的解決辦法

How to solve the perpetual loading issue in Evernote? Evernote 一直轉圈圈的解決辦法

運算子/優先序/寬鬆與嚴格相等/型別 - 小測驗

運算子/優先序/寬鬆與嚴格相等/型別 - 小測驗

【React】- React 怎麼做成 GitHub page?

【React】- React 怎麼做成 GitHub page?


Comments